@import "../common/_common.scss";
@mixin shadow {
  &,
  & i.source{
	  transition: box-shadow .2s;
	  -moz-transition: box-shadow .2s;
	  -webkit-transition: box-shadow .2s;
	  -o-transition: box-shadow .2s;
  }
  &:hover,
  &:hover i.source{
	transform:translateY(-5px);

  }
   &:hover{
	   box-shadow: 0 0  5px 5px #C6C6C6;
   }

}

.list_box{ width:1190px; margin:0 auto; background:#ffffff;
	.list_filter_item{ height:43px; border-bottom:3px solid #f0f0f0; color:$c666; font-size:14px;
		.list_filter_ul{ float:left;
			li{ padding:12px 30px; float:left; background:url(../../img/line.jpg) right bottom no-repeat; cursor:pointer;}
			li.arror_up span,
			li.arror_down span{ padding-right:18px; background:url(../../img/arror.png) no-repeat;}
			li.arror_up span{ background-position:right 5px;}
			li.arror_down span{background-position:right -15px }
			li.current{ border-bottom:3px solid $fedStdColor_l5; padding-bottom:10px}
			li.checkbox{ background:none; cursor:default;font-family: Tahoma; vertical-align: middle; padding-bottom: 0; padding-top: 9px;
				input{ margin:0 3px 0 0;border:1px solid #cccccc; *border: 0 none; cursor:pointer;vertical-align: middle;position: relative;top:1px;}
				label{cursor:pointer; font-family:"Helvetica Neue","Microsoft YaHei",Arial,"Heiti SC",SimSun}
			}
		}
		.top_page{ float:right;padding:12px 30px; color:$c999;
			.to_last_page,
			.to_next_page{ padding-left:7px;font-family:Arial, Helvetica, sans-serif; cursor:pointer}
			.no_page{ color:#dba400;}
		}
	}
	.list_item{ font-size:14px; margin-bottom:10px;
		ul{ overflow:hidden; *zoom:1; padding:25px 0 0 20px;}
		li{ float:left; width:200px; height:307px; padding:10px; border:2px solid #ffffff; margin:0 8px 8px 0; overflow:hidden; @include shadow;
			.item_img{  display:block; position:relative; 
				img{ width:200px; height:200px; display:block; margin-bottom:8px;}
				i.source{ position:absolute; left:0; top:0;background: url(../../img/jd-icon.png) no-repeat}
				i.source_jd{ background-position:0 0; width:30px; height:27px;}
			}
			.title{ line-height:21px; margin-bottom:8px; height:42px; overflow:hidden;
				a{ color:#333333;}
				a:hover{ text-decoration:none;}
			}
			.price{ color:#999999; margin-bottom:1px; white-space:nowrap;
				ins{ text-decoration:none; font-family:"arial";color:$fedStdColor_l2; font-size:22px;}
				i{color:$fedStdColor_l2;font-style:normal;}
				.preferential{ background:$pink; font-size:12px; color:#ffffff; margin-left:11px; padding:0 3px; border-radius:2px}
			}
			.market_price{ float:left; color:#CCCCCC; font-size:12px; font-family:"Helvetica Neue"; }
			.comments{ float:right; font-size:12px; color:#333333; font-family:"Helvetica Neue"; padding-left:25px; height:17px; background:url(../../img/comments_ico.png) no-repeat left center; }
		}

	}
	.nofind{ padding:60px 0 60px 510px; position:relative; margin-bottom:10px;
		i.nofind_ico{ position:absolute; left:370px; top:60px; background:url(../../img/face_ico.png) no-repeat; background-position:0 0; width:107px; height:71px;}
		.nofind_content{
			p{ font-size:20px; padding-top:15px; font-weight:bolder; margin-bottom:5px;}	
			a.guide{ font-size:14px; text-decoration:underline; color:$blue }
		}
	}
}
/*颜色修改*/
.list_box .list_filter_item .top_page .no_page,.list_box .nofind .nofind_content a.guide{
    color: #dba400;
}
